<template>
  <v-bottom-navigation
    class="d-flex justify-space-between align-center pl-2"
    app
    height="50"
  >
    <span class="subtitle-2 pl-3">
      <span class="ma-1">应付金额</span>
      <span
        class="ma-1 red--text"
        v-text="`￥${$store.state.currPayableTotalAmount}`"
      ></span>
    </span>
    <v-btn @click="$emit('onSubmitOrder')" class="white--text" color="#2AB795"
      >提交订单</v-btn
    >
  </v-bottom-navigation>
</template>

<script lang="ts">
import Vue from 'vue';
export default Vue.extend({
  name: 'fill-order-bottombar'
});
</script>
